<template>
  <div class="imgWarp">
    <img :src="U" alt="" />
  </div>
  <div class="Username">
    <p>如花</p>
  </div>
  <div class="btnWarp">
    <el-button class="btnOut op" type="primary">退出登入</el-button>
    <el-button class="btnModify op" type="primary">修改密码</el-button>
  </div>
</template>

<script setup>
// import UserImg from "../../assets/User/potho.jpg";
import { getCurrentInstance } from "vue";
var U = "https://inews.gtimg.com/newsapp_bt/0/14725622643/641";
const { proxy } = getCurrentInstance();
proxy.$searchApp
  .request({
    url: "User/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4",
  })
  .then((res) => {
    console.log(res);
  });
</script>

<style scoped>
.imgWarp {
  margin: 0 auto;
  margin-top: 100px;

  width: 80%;
  height: 400px;
  border-radius: 50%;
  overflow: hidden;
}
.imgWarp img {
  width: 100%;
  height: 100%;
}
.Username {
  text-align: center;
  width: 100%;
  font-size: 60px;
  margin-top: 30px;
}
.btnWarp {
  margin-top: 30px;
  text-align: center;
}
.op {
  font-size: 20px;
}
</style>